.h5-wrap{
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 16px;
}
.bg_main {
    background: #ffffff url('../assets/bg.png') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}
/** 名品导购活动页面样式 */
.bg_mpdg {
    background: #ffffff url('../assets/bg_mpdg.jpg') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.h5-wrap .mar {
    width: 100%;
    height: calc(6vh);
    height: -moz-calc(6vh);
    height: -webkit-calc(6vh);
}
.h5-wrap .h5-header {
    width: calc(15vh);
    width: -moz-calc(15vh);
    width: -webkit-calc(15vh);
    height: calc(15vh);
    height: -moz-calc(15vh);
    height: -webkit-calc(15vh);
    margin: 0 auto;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.h5-wrap .group-name {
    margin-top: calc(2vh);
    margin-top: -moz-calc(2vh);
    margin-top: -webkit-calc(2vh);
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight:bold;
}
.h5-wrap .group-person-num {
    text-align: center;
    font-size: 14px;
    color: #999;
}
.h5-wrap .group-person-num span{
    color: #fff;
    font-weight:bold;
    padding: 0 5px;
}
.h5-wrap .mar2 {
    width: 100%;
    height: calc(5vh);
    height: -moz-calc(5vh);
    height: -webkit-calc(5vh);
}
.h5-wrap .group-des {
    width: calc(45vh);
    width: -moz-calc(45vh);
    width: -webkit-calc(45vh);
    height: calc(8vh);
    height: -moz-calc(8vh);
    height: -webkit-calc(8vh);
    margin: 0 auto;
    padding-left: -moz-calc(2vh);
    padding-left: -webkit-calc(2vh);
    padding-left: calc(2vh);
    color: #deb259;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
.h5-wrap .mar3 {
    width: 100%;
    height: calc(4vh);
    height: -moz-calc(4vh);
    height: -webkit-calc(4vh);
}
.h5-wrap .group-qrcode {
    width: calc(30vh);
    width: -moz-calc(30vh);
    width: -webkit-calc(30vh);
    height: calc(32vh);
    height: -moz-calc(32vh);
    height: -webkit-calc(32vh);
    padding: 2vh 1vh;
    margin: 0 auto;
    background: url('../assets/bg-code.png') no-repeat center;
    background-size: contain;
    text-align: center;
}

.h5-wrap .group-tips{
    padding: 6vh 0 10vh;
    margin-top: 2vh;
    background: url(../assets/finger.png) no-repeat center top;
    background-size: 6vh;
    color: #997834;
    font-size: 2.13vh;
    text-align: center;
}

.h5-wrap .group-qrcode img{
    width: 100%;
    height: 100%;
}
.h5-wrap .mar4 {
    width: 100%;
    height: calc(1vh);
    height: -moz-calc(1vh);
    height: -webkit-calc(1vh);
}
.h5-wrap .group-validity {
    width: 100%;
    text-align: center;
    color: #3b3b3b;
    font-size: 16px;
}

.activity-nongyao {
    position: relative;
    font-size: 0;
}
.activity-nongyao .activity-bg {
    position: relative;
    width: 100%;
}
.activity-nongyao .group-qrcode {
    position: absolute;
    bottom: 15%;
    left: 27.3%;
    width: 45.3333%;
    height: 27.5862%;
}
.activity-nongyao .activity-bg img,
.activity-nongyao .group-qrcode img {
    width: 100%;
}
